/* ucenter */
body {background: #F1F1F1; font-size: 14px; font-family: "微软雅黑", "宋体";}
.ucenter {padding-bottom: 20px;}
.ucenter-top {width: 1024px; margin: 0 auto 20px auto; }
.ucenter-wrap {width: 1024px; margin: 0 auto; background: #abcdef;}

.ucenter-top .back {display: block; margin-left: 20px; padding: 6px 0 2px 0; width: 82px; color: #BDC3C7; border-bottom: 2px solid #abcdef; text-align: right; background: url(../../images/Index/home.png) no-repeat 0px center;}
/*ucenter-left*/
.ucenter-left {float: left; width: 238px; margin-right: 6px; height: 800px; background: #FFFFFF;}
.ucenter-l-header {padding: 25px; margin-bottom: 20px;}
.ucenter-l-header img {float: left; display: block; width: 116px; height: 116px; border: 2px solid #969696;}
.ucenter-l-header .info {float: left; width: 68px; padding-top: 28px;}
.ucenter-l-header p {border-bottom: 2px solid #969696; padding: 4px; color: #787878;}
.ucenter-l-nav {}
.ucenter-l-nav li {position: relative; height: 41px; padding-top: 9px; border-bottom: 2px solid #abcdef;}
.ucenter-l-nav .move {position: absolute; left: 0; top: 0; z-index: 10; height: 50px; width: 0px; background: #abcdef; }
.ucenter-l-nav li a {position: absolute; left: 0;  z-index: 20; display: block; height: 32px; line-height: 32px; padding-left: 85px; width: 153px; color: #05b1df;}
.ucenter-l-nav li a.column1 {background: url(../../images/Index/head1.png) no-repeat 48px 9px;}
.ucenter-l-nav li a.column2 {background: url(../../images/Index/head2.png) no-repeat 47px 9px;}
.ucenter-l-nav li a.column3 {background: url(../../images/Index/head3.png) no-repeat 48px 9px;}
.ucenter-l-nav li a.column4 {background: url(../../images/Index/head4.png) no-repeat 50px 9px;}
.ucenter-l-nav li a.column5 {background: url(../../images/Index/head5.png) no-repeat 46px 9px;}

/*ucenter-right*/
.ucenter-right {float: right; width: 780px; height: 800px; background: #FFFFFF;}
.r-content {display: none; padding: 25px 40px;}
.r-content .btn-green {display: block; width: 100px; height: 30px; line-height: 30px; margin-bottom: 20px; background: #5CB85C; color: #FFFFFF; border-radius: 4px; text-align: center;}
.r-content .btn-green:hover {background: #5CC35C;}
.r-content .btn-black {display: block; width: 124px; height: 30px; line-height: 30px; margin-bottom: 20px; background: #353c44; color: #FFFFFF; border-radius: 8px; text-align: center;}
.r-content input.text { width: 450px; height: 30px; height: 30px \9; line-height: 30px \9; padding: 2px 5px; border-radius: 8px; background: #FFFFFF; color: #B4B4B4; border: 1px solid #C8C8C8; outline: none;}

/*column-box1*/
.column-box1 .select-head {display: block; width: 170px; height: 168px; margin-bottom: 20px; background: url(../../images/Index/ucenter_head.jpg);}
.column-box1 .sign {margin-bottom: 20px;}
.column-box1 .sign .btn-green {position: relative; top: 48px;right: 38px;}
.column-box1 .ucenter-pw .btn-green { position: relative;
top: -78px;
left: 563px;}
.ucenter-pw	 li {margin-bottom: 4px;}
.ucenter-pw strong {display: block; float: left;  width: 70px; line-height: 34px; margin-right: 4px; text-align: right; }
.column-box1 .textarea {width: 513px; height: 107px; padding: 10px; border-radius: 8px; background: #FFFFFF; color: #B4B4B4; border: 1px solid #C8C8C8; outline: none;}

/*column-box2*/
.column-box2 ul .wrap {margin-bottom: 15px;}
.column-box2 strong {display: block; width: 80px; height: 30px; line-height: 30px; font-size: 14px; float: left; text-align: right; margin-right: 8px;}
.column-box2 .share {position: relative; background: #FFFFFF; width: 80px; height: 25px; border: 2px solid #dcdcdc; border-radius: 2px; cursor: pointer;}
.column-box2 .share span {display: block; position: absolute; top: 0; z-index: 20; width: 40px; height: 25px;  text-align: center; line-height: 25px; font-size: 12px;}
.column-box2 .share span.yes {left: 0; color: #FFFFFF;}
.column-box2 .share span.no {right: 0; color: #646464;}
.column-box2 .share em {position: absolute; left: 0px; top: 0; z-index: 10; display: block; width: 40px; height: 25px; background: #5CC35C; border-radius: 0px;}
.column-box2 .section1 {/* border-bottom: 2px solid #353c44; */ padding-bottom: 20px; margin-bottom: 0;}
.column-box2 .section2 { padding-top: 20px;}
.column-box2 .section-l {padding: 5px 0; width: 120px; padding-left: 10px;} 
.column-box2 .section-r {padding: 5px 10px; background: #c5d6e8; box-shadow: 0px 2px 2px #000000;}
.column-box2 p {line-height: 25px; color: #646464;}
.column-box2 .textarea {width: 440px; height: 107px; padding: 10px; border-radius: 8px; background: #FFFFFF; color: #B4B4B4; border: 1px solid #C8C8C8; outline: none;}
.column-box2 .default {width: 180px; margin-top: 2px; position: relative; z-index: 100; margin-bottom: -10px; padding-top: 0px\9;}
.column-box3 .default {width: 160px; float: left; margin-right: 20px;}
/*column-box3*/
.column-box3 {position: relative;}
.column-box3 .course-tit {position: relative; z-index: 2; padding-left: 40px;}
.column-box3 .tit {float: left; border: 1px solid #d2d2d2; border-bottom: none;}
.column-box3 .active {border-bottom: 1px solid #FFFFFF;}
.column-box3 .tit a {display: block; padding: 10px 25px; color: #464646; } 
.column-box3 .course-box {position: absolute; top: 65px; left: 40px; z-index: 1;width: 700px; border-top: 1px solid #d2d2d2;}
.column-box3 .cont {display: none; height: 600px; padding: 0 40px;}
.column-box3 .list {border-bottom: 1px solid #CCCCCC; padding: 15px 0 0 0;}
.column-box3 .list .btn-green {margin-bottom: 10px; margin-right: 5px;}
.column-box3 .img-wrap {}
.column-box3 .img-wrap img {display: block; width: 120px; padding-right: 15px;} 
.column-box3 .list-cont {}
.column-box3 .list-cont h3 {font-size: 18px; color: #168bbd; line-height: 30px;}
.column-box3 .list-cont span {display: inline;  line-height: 25px; color: #A5A5A5;}
.column-box3 .list-cont .course-about {display: inline; padding: 0 8px 0 4px; color: #EC2B17;float: left;width: 400px;}
.column-box3 .search-course  {padding: 30px 40px;}
.column-box3 .search-course .sel {}
.column-box3 .search-course p {margin-top: 20px;}
.column-box3 .search-course .btn-green {float: right; margin-top: 20px; margin-right: 88px;}
.column-box3 .search-course .sel {margin-bottom: -20px;}
.column-box3 .search-course .sel span {line-height: 26px;}
/*column-box4 column-box5*/
.column-box4-box5 {padding-top: 0;}
.column-box4-box5 .list {padding: 20px; border-bottom: 1px solid #CCCCCC;}
.column-box4-box5 .img-wrap2 {padding-right: 15px;}
.column-box4-box5 .img-wrap2 img {display: block; width: 200px; height: 150px; }
.column-box4-box5 .list-cont a {color: #EC2B17;}
.column-box4-box5 .list-cont h3 {line-height: 30px; font-size: 18px; color: #138bbd;}
.column-box4-box5 .list-cont p {line-height: 25px;}
.column-box4-box5 .list-cont p a:hover {text-decoration: underline;}
.column-box4-box5 .list-cont span {color: #A5A5A5;}
.column-box4 .list-cont span.time {padding-left: 20px; background: url(../../images/Index/ucenter-column4-1.png) no-repeat left center;}
.column-box4-box5 .list-cont em {padding-left: 8px; padding-right: 18px; color: #3C3C3C;}
.column-box4-box5 .list-cont em.author-name a {color: #646464; font-weight: bold;}
.column-box4-box5 .list-cont em.time {color: #3C3C3C; font-size: 12px;}
.column-box4 .list-cont em.num {color: #3C3C3C; font-size: 12px;}
.column-box4 .other {padding-left: 225px;}
.column-box4 .other li{float: left; padding-left: 24px; padding-right: 12px; height: 24px; line-height: 24px;}
.column-box4 .other li a {color: #3C3C3C; text-decoration: none;}
.column-box4 .other li a:hover {text-decoration: underline;}
.column-box4 .other li.item1 {background: url(../../images/Index/ucenter-column4-2.png) no-repeat left center;}
.column-box4 .other li.item2 {background: url(../../images/Index/ucenter-column4-3.png) no-repeat left center;}
.column-box4 .other li.item3 {background: url(../../images/Index/ucenter-column4-4.png) no-repeat left center;}

/* column-box5 */
.column-box5 {}
.column-box5 a:hover {text-decoration: underline;}
.column-box5 .list-cont {width: 445px;}
.column-box5 em.intro {color: #3C3C3C; font-size: 12px;;}
.column-box5 .other {padding-left: 365px;}
.column-box5 .other li {float: left; padding-left: 24px; height: 24px; line-height: 24px; background: url(../../images/Index/ucenter-column4-4.png) no-repeat left center;}
.column-box5 .other li a {color: #3C3C3C;}
/*
@media screen and (min-width: 1024px) {
	.ucenter-wrap {width: 1024px; }
	.ucenter-left {float: left; width: 400px; }
	.ucenter-right {float: right; width: 624px; }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	.ucenter-wrap {width: 600px;}
	.ucenter-left {float: left; width: 160px;}
	.ucenter-right {float: right; width: 435px; margin-left: 5px;}
}
@media screen and (max-width: 600px) {
	.ucenter-wrap {width: 400px;}
	.ucenter-left, .ucenter-right {width: 400px;}
}*/
.file-btn{position: absolute;top: 0;right: 0;opacity: 0;height: 36px;}
.filename{width: 150px;line-height: 40px;border:1px solid #fff}
.avater-box{position: relative; float:left; width:100%; margin-bottom: 80px;}
.old-avater{float: left;}
.old-avater img{float: left;width: 150px;height: 150px;}
#avater_form{float: left; width: 300px;margin-left: 20px;}
#modify_avater{position: absolute; left: 392px; bottom: -58px;}
#avater{float: left;}
#avater_form a{position: absolute; right: 38px; top: 90px;}


.editWorks li{float: left;width: 100%;margin-top: 20px;}
.editWorks span{float: left;margin-left: 20px;line-height: 30px;}
.editWorks li input{
width: 200px;
height: 25px;
height: 30px \9;
line-height: 30px \9;
padding: 2px 5px;
border-radius: 8px;
background: #FFFFFF;
color: #B4B4B4;
border: 1px solid #C8C8C8;
outline: none;
}
#modify_pwd{float: left;margin-top: 40px;   }
.empty-message{
    font-size: 20px;
    width: 200px;
    margin: 0 auto;
    margin-top: 300px;
}